<template>
  <div>
        <el-menu
          :default-active="$route.path"
          class="el-menu-vertical-demo"
          mode="horizontal"
          background-color="#545c64"
          text-color="#fff"
          active-text-color="#ffd04b"
          router
        >
          <div class="menu-tit">工时计算小工具</div>
          <el-menu-item index="/second" :disabled="!this.$store.state.tools.isFileOk">
            <!-- <i class="el-icon-paperclip"></i> -->
            <span>工时计算</span>
          </el-menu-item>
          <el-menu-item index="/first" :disabled="!this.$store.state.tools.isFileOk">
            <!-- <i class="el-icon-paperclip"></i> -->
            <span>飞行直方图</span>
          </el-menu-item>
          <el-menu-item index="/third">
            <!-- <i class="el-icon-paperclip"></i> -->
            <span>上传表格</span>
          </el-menu-item>
        </el-menu>

        <div class="container-view">
            <router-view />
        </div>
  </div>
</template>

<script>
export default {
  data () {
    return {
      isTested: false
    }
  },
  methods: {
  }
}
</script>

<style scoped lang='scss'>
.menu-tit{
  display: inline-block;
  font-size: 21px;
  color: white;
  margin: 0px 20px;
  line-height: 60px;
}
.el-menu-vertical-demo{
  width: 100%;
}
.el-menu-vertical-demo .el-menu-item{
  float: right;
}
.el-menu-vertical-demo .el-menu-item:nth-child(2){
  margin-right: 80px;
}
</style>
